﻿@import url("http://fonts.googleapis.com/css?family=Lobster");

body {
    margin: 0;
    padding: 0;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

ul {
    list-style-type: none;
    padding: 0px;
}

h1 {
    font-family: 'Lobster', cursive;
    color: #FFF;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
    font-size: 50px;
}

.topBar {
    width: 100%;
    height: 152px;
    background: url(../../Content/img/bgTop.png) repeat-x;
}

.contentBox {
    width: 100%;
    background: #E8E8EA;
}

.content {
    width: 980px;
    margin: 0 auto;
    padding: 20px;
}

.data {
    float: left;
    margin: 50px;
}

.btn {
    background: #649ED9;
    color: #FFF;
    padding: 5px 20px;
    font-weight: bold;
    border: 1px solid #649ED9;
    cursor: pointer;
}

    .btn:hover {
        background: #28292A;
        color: #FFF;
        padding: 5px 20px;
        font-weight: bold;
        border: 1px solid #FFF;
        cursor: pointer;
    }

.footer {
    width: 100%;
    background: url(../../Content/img/bgFooter.jpg) repeat-x;
    height: 250px;
    text-align: center;
}

    .footer img {
        padding-top: 20px;
    }

.left {
    float: left;
}

.right {
    float: right;
}

.reset {
    clear: both;
}

.selectorUser {
    line-height: 70px;
    background-repeat: no-repeat;
    text-align: center;
    padding: 0 0 0 50px;
}

.selectorChatIcon {
    line-height: 70px;
    background-repeat: no-repeat;
    text-align: left;
    padding: 0 0 0 50px;
}

.about .left {
    width:600px;
}

.about .right {
    width:350px;
}

.about .logged-in-users {
    list-style: none;
}

    .about .logged-in-users img {
        padding: 5px;
    }
    .about .logged-in-users .selectorUser {
        text-align:left;
    }

    .about .logged-in-users li:nth-child(even) {
        color:#808080;
    }

.footer #map-canvas {
    height:100%;
}

